﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="VIP.aspx.cs" Inherits="MiaoWeiProject.tangguangzhou.VIP" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>vip会员</title>
    <link href="tgzcss/PersonNav.css" rel="stylesheet" />
    <link href="tgzcss/PersonVipMain.css" rel="stylesheet" />
    <link href="tgzcss/PersonFooter.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
        <%--导航--%>
        <div class="nav">
            <div class="nav-center">
                <h1>
                    <a href="https://www.miaov.com"></a>
                    <a href="https://www.kaikeba.com/" target="_blank"></a>
                </h1>
                <div class="loginBox login">
                    <div class="headerImg">
                        <a href="/account/user/history">
                            <img src="https://img.miaov.com/2020/0104/04706322819485_200x200crop.jpg" /></a>
                    </div>
                    <div class="underBox" style="display: none;">
                        <em class="corrow">&nbsp;</em>
                        <ul>
                            <li><a href="/static/vip"><i class="icon VIP">&nbsp;</i>VIP会员</a></li>
                            <li><a href="/account/user/history"><i class="icon historys">&nbsp;</i>观看记录</a></li>
                            <li><a href="/account/user/history"><i class="icon center">&nbsp;</i>用户中心</a></li>
                            <li><a href="/account"><i class="icon account">&nbsp;</i>账号设置</a></li>
                            <li><a href="/account/login/logout"><i class="icon signout">&nbsp;</i>退出</a></li>
                        </ul>
                    </div>
                </div>
                <div class="wb"><a href="/account/user/moneylog" title="我的微币">0</a></div>
                <div class="message "><a href="/account/user/message?type=mine" title="我的消息"></a><em>0</em></div>
                <ul class="nav-list">
                    <li><a href="http://www.miaov.com">首页</a></li>
                    <li><a href="/study/classes/index">课程</a></li>
                    <li><a href="/study">视频学习</a></li>
                    <li><a href="/study/remote/index">尊享视频<i class="nav-new"></i></a></li>
                    <li><a href="/bbs">社区</a></li>
                    <li><a href="https://www.miaov.com/index.php/example/exampleList">学员作品</a></li>
                </ul>
            </div>
        </div>

        <%--大图部分--%>
        <div class="banner">
            <div id="aniRoot">
                <div id="sphere">
                    <div id="fontSphere"></div>
                    <div id="lineSphere"></div>
                </div>
                <div class="circleBox">
                    <div class="circle1"></div>
                    <div class="circle2"></div>
                    <div class="circle3"></div>
                    <div class="circle4"></div>
                    <div class="circle5"></div>
                    <div class="circleShadow"></div>
                    <div id="fontEmitter" class="stage">
                        <div class="container ca"></div>
                        <div class="container cb"></div>
                    </div>
                </div>
            </div>
            <!--不是VIP-->
            <div class="userInf">
                <div class="viphearImg">
                    <img src="https://img.miaov.com/2020/0104/04706322819485_100x100crop.jpg"/></div>
                <div class="userName"><span>世上最美好的小婷</span></div>
                <div class="text"><em>&nbsp;</em><span>您还不是VIP，<br>
                    请购买。</span></div>
                <div class="paybtn" data-price="23900">购买</div>
            </div>

            <div class="textImg">
                <div class="vipImg">
                    <div class="vipImg1">
                        <div class="vipImg2">
                            <div class="vipImg3"></div>
                        </div>
                    </div>
                </div>
                <h4>仅需 239.00 元/年</h4>
                <span class="vipText">即可享受海量视频学习资源</span>


                <!--不是VIP-->
                <i class="btn" id="buy" data-price="23900">购买成为 VIP 会员</i>


            </div>
            <div class="inf">
                <div class="box one">
                    <i class="iconImg"></i>
                    <div class="text">
                        <span>365天随意观看海量视频资源</span>
                    </div>
                </div>
                <div class="box two">
                    <i class="iconImg"></i>
                    <div class="text">
                        <span>及时获得免费公开课信息</span>
                    </div>
                </div>
                <div class="box thr">
                    <i class="iconImg"></i>
                    <div class="text">
                        <span>VIP会员有特殊身份标识</span>
                    </div>
                </div>
                <div class="box fou">
                    <i class="iconImg"></i>
                    <div class="text">
                        <span>可在电脑、手机、iPad等多屏观看</span>
                    </div>
                </div>
            </div>
        </div>

        <%--常见问题--%>
        <div class="secP clear">

		<div class="main clear">
			<div class="title">
				<i>&nbsp;</i>
				<span>常见问题</span>
			</div>
			<div class="quesBox clear first-child">
				<div class="ques clear">
					<i class="headIcon">&nbsp;</i>
					<span class="text"><a href="https://www.miaov.com/index.php/Question/index#17" target="_blank">什么是妙味VIP会员？那么多视频在线观看是怎么回事？</a></span>
				</div>
				<div class="answ clear">
					<span class="text ans"><a href="https://www.miaov.com/index.php/Question/index#17" target="_blank">VIP会员的视频库，是妙味历年来的视频总和，截止到目前共有1000多集。视频中涉及到的知识点涵盖了实体班所有知识点。还包括讲师平时研究的新技术、新实例，从最基础的：HTML5移动端&amp;PC端布局、CSS3动画、3D交互特效、JS原理、JS基础、JS中级的DOMBOMEVENT、ajax数据交互……再到JS的面向对象、JS组件开发、JS模块化开发（seaJS）、正则表达式、Node.js、jQuery库实战教程、JQ源码分析、PC端布局实战、电商网站实战、HTML5+CSS3实战、移动端实战、交互动画教程、前端面试题、CANVAS及游戏、HTML5视频音频、HTML5地理位置信息、HTML5跨文档消息通信、HTML5本地离线存储、数学揭密之【三角函数、球面坐标系、锥面坐标系、柱面坐标系】、JS算法与数据结构、SVG开发、GIT与GITHUB、ANGULAR.JS、BACKBONE、HTML5游戏开发、微信企业网站开发……凡前端开发重要必备知识，这里应有尽有、无所不包！</a></span>
					<i class="headIcon">&nbsp;</i>
				</div>
			</div>

			<div class="quesBox clear">
				<div class="ques clear">
					<i class="headIcon">&nbsp;</i>
					<span class="text"><a href="https://www.miaov.com/index.php/Question/index#18" target="_blank">VIP会员和实体班课程有什么区别呢？</a></span>
				</div>
				<div class="answ clear">
					<span class="text ans"><a href="https://www.miaov.com/index.php/Question/index#18" target="_blank">视频中涉及到的知识点涵盖了实体班所有知识点。但视频学习是自学形式，要求学员有毅力、能坚持、有学习方法、懂得向别人请教问题、并不断尝试做练习，这样至少经历8个月以上时间，才有可能学会。</a></span>
					<i class="headIcon">&nbsp;</i>
				</div>
			</div>

			<div class="quesBox clear">
				<div class="ques clear">
					<i class="headIcon">&nbsp;</i>
					<span class="text"><a href="https://www.miaov.com/index.php/Question/index#19" target="_blank">视频能否在移动端观看呢？<br>&nbsp;</a></span>
				</div>
				<div class="answ clear">
					<span class="text ans"><a href="https://www.miaov.com/index.php/Question/index#19" target="_blank">是的，视频可以在手机微信内观看。具体观看方式：在微信内关注 “妙味课堂” 公众号（或在微信内打开：</a><a href="http://www.miaov.com">www.miaov.com</a>），然后点击：“视频” ，即可按视频观看流程进行相应操作了。</span>
					<i class="headIcon">&nbsp;</i>
				</div>
			</div>
		</div>

		<div class="btnLine clear">
		    <a href="https://www.miaov.com/index.php/Question/index" target="_blank">
		        <div class="btn">更多问题</div>
		    </a>
		</div>


	</div>


        <%-- 底部--%>
        <div class="footer">
            <div class="footer-count">
                <h3><a href="/"></a></h3>
                <div class="line"></div>
                <div class="footer-link">
                    <ul>
                        <li><a href="/">首页</a></li>
                        <li class="link-line">|</li>
                        <li><a href="/">课程</a></li>
                        <li class="link-line">|</li>
                        <li><a href="/">视频学习</a></li>
                        <li class="link-line">|</li>
                        <li><a href="/">尊享视频</a></li>
                        <li class="link-line">|</li>
                        <li><a href="/">社区</a></li>
                        <li class="link-line">|</li>
                        <li><a href="/">关于我们</a></li>
                        <li class="link-line">|</li>
                        <li><a href="/">在线留言</a></li>
                        <li class="link-line">|</li>
                        <li><a href="/" target="_blank">常见问题</a></li>
                    </ul>
                    <p>京ICP备08102442号-1 2007-2019 MIAOV.COM 版权所有</p>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
